<template>
  <div class="flex pt-5px justify-between">
    <div class="flex font-weight-600 title">
      <img :src="titleprefix" class="h-18px mt-[7px] mr-[5px] w-9px" alt="">
      普查对象信息
    </div>
    <div class="flex">
      <el-button color="#C65431" type="primary" @click="onClose">返回</el-button>
      <el-button color="#3177C6" type="primary" @click="onSave" v-if="!props.isComponentsDisabled">保存</el-button>
    </div>
  </div>
  <div class="h-1px mt-[5px] w-[100%] divider"></div>
  <!-- 内容 -->
</template>

<script setup lang="ts">
import { toRefs, defineProps } from 'vue'
import titleprefix from "@/assets/img/reserve/titleprefix.png";

let props = defineProps({
  isComponentsDisabled: Boolean
})

let emit = defineEmits(['on-save', 'on-close']); // 先定义emit事件
const onSave = () => {
  emit('on-save');
};
const onClose = () => {
  emit('on-close');
};
</script>

<style scoped>
.title {
  font-size: 20px;
  font-family: "sy";
  font-weight: bold;
  color: #3177c6;
  line-height: 30px;
}

.divider {
  border: 1px dashed #339af4;
}
</style>

function $callApi(arg0: { api: string; param: any; }) {
throw new Error('Function not implemented.');
}
